*{margin: 0px;padding: 0px;}
body{margin:0px auto;padding:0px;text-decoration:none;font-size: 12px;font-variant:normal;font-family: "微软雅黑";}/*为部分带全站背景图准备可以将背景图或背景色部分删除掉*/
a:link,a:visited,a:hover,a:active{text-decoration:none;}
a{text-decoration: none;}
li{list-style-type:none;}
ul,ol{list-style-type: none;list-style-image: none;}
 
 

  
.head{
	width: 100%;
	height: 198px;
	background: url(../images/bg01.png) no-repeat center;
	background-size:  100%  100%;
}


.head .bd{
	width: 1760px;
	margin: 0 auto;
}

.head  img{
	display: block;
}

.head .name{
	float: left;
	margin-top: 25px;
}
.head .tel{
	float: left;
	margin-top: 50px;
	margin-left: 40px;
}

.head .ewm{
	float: right;
	margin-top: 34px;
}

.head .ewm img{
	display: block;
	width: 105px;
	height: 105px;
	border: 5px solid #fff;
}
.head .ewm p{
	text-align: center;
	color:#fff;
	font-size: 13px;
	line-height: 30px;
	letter-spacing: 5px;
}
	body{
 		min-width: 1200px;
 	}
@media  (max-width: 1919px) {
 
	.head .bd{
		width: 1200px;
	}
	.head .bd .name{
		width: 700px;
		margin-top: 60px;
	}
	.head .bd .name img{
		width: 100%;
	}
	.head .bd .tel{
		width: 200px;
		margin-left: 130px;
		margin-top: 80px;
	}
	.head .bd .tel img{
		width: 100%;
		height: auto;
	}
	.head .ewm img{
		width: 90px;
		height: 90px;
	}
	.head .ewm p{
		letter-spacing: 3px;
		width: 100%;
	}
}

.nav{
	width: 100%;
	height: 60px;
	background: #7ecef4;
}

.nav ul{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}
.nav ul li{
	float: left;
	width: 131px;
	text-align: center;
	line-height: 60px;
}
.nav ul li a{
	color:#010101;
	font-size: 22px;
}


.banner{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.banner img{
	display: block;
	width: 100%;
}
.banner .hd {
	position: absolute;
	 
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;

}
.banner .hd ul li{
	float: left;
	width: 30px;
	height: 5px;
	background: #ccc;
	margin: 0 5px;
}
.banner .hd ul .on{
	background: #7ecef4;
}
.in-banner{
	width: 100%;
}
.in-banner img{
	width: 100%;
}

.dpc-content{
	width: 100%;
	height: auto;
	padding-bottom: 80px;
	overflow: hidden;
	 
}
.product{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 54px;
}

.product .title p{
	color:#000000;
	font-size: 52px;
	letter-spacing: 8px;
}

.product img{
	display: block;
}

.product .bd{
	margin-top: 20px;
}


.item{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 60px;
}
.item .title {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.item .title p{
	color:#000000;
	font-size: 52px;
	letter-spacing: 8px;
	float: left;
}

.item .title  span{
	color:#000000;
	font-size: 26px;
	float: left;
	margin-top: 30px;
	margin-left: 10px;
}


.item .bd{
	margin-top: 60px;
	margin-left: 70px;
}




.custom{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
}

.custom .title {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.custom .title p{
	color:#000000;
	font-size: 52px;
	letter-spacing: 8px;
	float: left;
}

.custom .title  span{
	color:#000000;
	font-size: 20px;
	width: 780px;
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}


.custom .bd{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 35px;
	margin-left: 20px;
}


.oem{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 60px;
}

.oem .title {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.oem .title p{
	color:#000000;
	font-size: 52px;
	letter-spacing: 8px;
	float: left;
}
 

.oem  .bd{
	margin-top: 50px;
	margin-left: 20px;
}

.oem-ad{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 80px;
}
.oem-ad .title{
	height: auto;
	overflow: hidden;
	width: 100%;
}
.oem-ad .title p{
	color:#000000;
	font-size: 52px;
	letter-spacing: 8px;
	float: left;
}



.oem-ad  .bd{
	margin-top: 60px;
 
}
.oem-ad  .bd img{
	display: block;
	margin: 0 auto;

}
.oem-ad  .bd img:last-child{
	margin-top: 100px;
}


.process{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 70px;
}

.process .title p{
	color:#000000;
	font-size: 52px;
	letter-spacing: 8px;
 
}

.process .bd{
	margin-top: 70px;
}


.adv{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 70px;
}
.adv .title p{
	color:#000000;
	font-size: 52px;
	letter-spacing: 8px;
 
}


.adv .bd{
	margin-top: 70px;
}


.honor{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 75px;
}

.honor .title p{
	color:#000000;
	font-size: 52px;
	letter-spacing: 8px;
}
.honor .title span{
	color:#000000;
	font-size: 40px;
	margin-top: 10px;
	display: block;
	line-height: 78px;
}

.honor .bd{
	margin-top: 70px;
}
.honor .bd img{
	display: block;
	margin: 0 auto;
}

.cp{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 80px;
}

.cp .title p{
	color:#000000;
	font-size: 52px;
	letter-spacing: 8px;
}

.cp .bd{
	margin-top: 50px;
}

.cp .bd img{
	display: block;
	margin: 0 auto;
}





.indxe-content{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-size:100%  100%;
	padding-bottom: 100px;
}

.gz-content{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-size:100%  100%;
	padding-bottom: 100px;
}



.oem-item{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
}
.oem-item .title{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.oem-item .title img{
	display: block;
	margin: 0 auto;
}

.oem-item  .bd{
 	width: 1168px;
 	height: 1186px;
 	background: url(../images/index-pro01.png) no-repeat center;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 60px;
	position: relative;
}
.oem-item  .bd img{
	display: block;
	margin: 0 auto;
}

.oem-item  .bd  ul li{
	 width:299px;
    height: 291px;
	position: absolute;
}
.oem-item  .bd  ul li img{
	display: block;
	max-width: 100%;
}
.oem-item  .bd  ul li:nth-child(1){
	left: 430px;
	top: 37px;
}

.oem-item  .bd  ul li:nth-child(2){
	right: 67px;
    left: inherit;
    top: 255px;
}
.oem-item  .bd  ul li:nth-child(3){
	right: 63px;
	left: inherit;
	top: 642px;
}

.oem-item  .bd  ul li:nth-child(4){
	right: 427px;
	left: inherit;
	top: 860px;
}
.oem-item  .bd  ul li a{
	display: block;
	width: 100%;
	height: 100%;
}

.oem-item  .bd  ul li:nth-child(5){
	left: 67px;
	top: 647px;
 
}

.oem-item  .bd  ul li:nth-child(6){
	left: 65px;
    top: 255px;
}

.index-adv {
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 90px;
}
.index-adv .title{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.index-adv .title img{
	display: block;
	margin: 0 auto;
}

.index-adv .bd{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
}
.index-adv .bd img{
	display: block;
	margin: 0 auto;
}

.scope{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 70px;
}
.scope .tit{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.scope .title img{
	display: block;
	margin: 0 auto;
}
.scope .bd{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 35px;
}
.scope .bd img{
	display: block;
	margin: 0 auto;
}


.service{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top:60px;
}
.service .title {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.service .title img{
	display: block;
	margin: 0 auto;
}

.service .bd{
	width: 100%;
	margin: 0 auto;
	margin-top: 55px;
}
.service .bd img{
	display: block;
	margin: 0 auto;
}



.hot-product{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 60px;
}
.hot-product .title{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.hot-product .title img{
	display: block;
	margin: 0 auto;
}
.hot-product  .hd{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
}
.hot-product  .hd ul {
	display: table;
	margin: 0 auto;
	height: 150px;
}
.hot-product  .hd ul li{
	float: left;
	width: 140px;
	border-radius: 50%;
	margin-left: 10px;
	position: relative;
	margin-top: 10px;
	transition: .5s;
	transform: scale(.9);
}
.hot-product  .hd ul .on{
	transform: scale(1);
}
 
.hot-product  .hd ul li:first-child{
	margin-left: 0;
}
.hot-product  .hd  ul li img{
	display: block;
	width: 140px;
	height: 140px;
}
.hot-product  .bd{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
}
.hot-product  .bd ul{
	width: 100%;
	height: auto;
	overflow: hidden;
 
}
.hot-product  .bd ul li{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.hot-product  .bd ul li img{
	display: block;
	margin: 0 auto;
}


.oem-customer{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 80px;
}
.oem-customer .title{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.oem-customer .title img{
	margin: 0 auto;
	display: block;
}
.oem-customer .bd{
	margin-top: 25px;
}
.oem-customer .bd img{
	display: block;
}

.oem-lc{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 60px;
}

.oem-lc .title img{
	display: block;
	margin: 0 auto;
}
.oem-lc .title{
	width: 100%;
	height:auto;
	overflow: hidden;
}
.oem-lc .bd {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}



.footer{
	width: 100%;
	height: 200px;
	background: #03b9fd;
	padding-bottom: 100px;
	
}

.footer .main{
	width: 1495px;
	margin: 0 auto;
	height: 200px;

	display: flex;
	align-items: center;
	justify-content: space-between;
	align-items: center;
}
@media  (max-width: 1919px) {
	.footer .main{
		width: 1200px;
	}
}

.footer img{
	display: block;
}

.fn {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	display: none;
	left: 0;
}

.fn img{
	display: block;
	width: 100%;
}




.gz-content .column{
	width: 1200px;
	height: auto;
	overflow: hidden;
}

.gz-content .column .title{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.gz-content .column  img{
	display: block;
	margin: 0 auto;
}


.gz-content .column  .bd{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.pro-gz{
	margin: 50px auto;
}
.pro-gz .bd{
	margin-top: 50px;
}


.pack-gz{
	margin:  65px auto;
}


.pack-gz .bd{
	margin-top: 70px;
}


.oem-gz{
	margin:  65px auto;
}
.oem-gz .bd {
	margin-top: 50px;
}

.service-gz{
	margin: 60px auto;
}
.service-gz .bd {
	margin-top: 35px;
}
.service-gz .bd img:last-child{
	margin-top: 70px;
}


.gy-gz{
	margin: 80px auto;
}
.gy-gz .bd{
	margin-top: 70px;
}

.adv-gz{
	margin: 75px auto;
}
.adv-gz .bd{
	margin-top: 50px;
}

.adv-gz .bd img:last-child{
	margin-top: 25px;
}

.hor-gz{
	margin: 168px auto;
}
.hor-gz .bd{
	margin-top: 40px;
}


.hz-gz{
	margin: 90px auto;
}
.hz-gz .bd{
	margin-top: 65px;
}



.gtrl-content{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 150px;
}

.gtrl-content .column{
	width: 1200px;
	height: auto;
	overflow: hidden;
}

.gtrl-content   img{
	display: block;
	margin: 0 auto;
}
 

.gtyl-pro{
	margin: 50px auto;
}
.gtyl-pro .bd{
	margin-top: 25px;
}

.gtrl-dosage{
	margin: 90px auto;
}
.gtrl-dosage .bd{
	margin-top: 25px;
}


.gtrl-custom{
	margin:  100px auto;
}
.gtrl-custom .bd{
	margin-top: 60px;
}


.gtrl-hot{
	margin:  100px auto;
}
.gtrl-hot .bd{
	margin-top: 50px;
}


.gtrl-service{
	margin: 96px auto;
}
.gtrl-service .bd{
	margin-top: 50px;
}
.gtrl-service .bd img:last-child{
	margin-top: 55px;
}


.gtrl-lc{
	margin: 95px auto;
}
.gtrl-lc .bd{
	margin-top: 55px;
}


.gtrl-adv{
	margin: 100px auto;
}
.gtrl-adv .bd{
	margin-top: 75px;
}
.gtrl-honor{
	margin: 80px auto;
}
.gtrl-honor .bd{
	margin-top: 40px;
}


.gtrl-hz{
	margin: 100px auto;
}
.gtrl-hz .bd{
	margin-top: 60px;
}



.about-content{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 100px;
 
}

.about-content .column{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 32px;
}

.about-content .column img{
	display: block;
	margin: 0 auto;
}

.about-content .intro{
	margin-top: 30px;
}
.about-content .map{
	margin-top: 60px;
}

.about-content .map img:last-child{
	margin-top: 70px;
}



.pj-content{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 100px;
 
}

.pj-content .column{
	width: 1200px;
	height: auto;
	overflow: hidden;
}
.pj-content img{
	display: block;
	margin: 0 auto;
}


.pj-pro{
	margin:60px auto;
}
.pj-pro .bd{
	margin-top: 50px;
}

.pj-custom{
	margin: 60px auto;
}
.pj-custom .bd{
	margin-top: 50px;
}



.pj-packaging{
	margin: 65px auto;
}

.pj-packaging .bd{
	margin-top: 50px;
}


.pj-hot{
	margin: 80px auto;
}

.pj-hot .bd{
	margin-top:70px;
}


.pj-service{
	margin: 70px auto;
}
.pj-service .bd{
	margin-top: 55px;
}
.pj-service .bd img:last-child{
	margin-top: 66px;
}


.pj-lc{
	margin: 100px auto;
}
.pj-lc .bd{
	margin-top: 65px;
}

.pj-adv{
	margin: 75px auto;
}
.pj-adv .bd{
	margin-top: 50px;
}

.pj-honor{
	margin: 100px auto;
}

.pj-honor .bd{
	margin-top: 50px;
}

.pj-hz{
	margin: 90px auto;
}
.pj-hz .bd{
	margin-top: 35px;
}





.wj-content{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 100px;
	background-size: 100% 100%;
}

.wj-content .column{
	width: 1200px;
	height: auto;
	overflow: hidden;
}
.wj-content img{
	display: block;
	margin: 0 auto;
}
.wj-content .title{
	width: 100%;
	height: auto;
	overflow: hidden;
}



.wj-pro{
	margin: 66px auto;
}
.wj-pro .bd{
	margin-top: 77px;
}

.wj-dose{
	margin:  55px auto;
}
.wj-dose .bd{
	margin-top: 100px;
}


.wj-hot{
	margin: 130px auto;
}
.wj-hot .bd{
	margin-top: 70px;
}


.wj-service{
	margin: 70px auto;

}
.wj-service .bd{
	margin-top: 50px;
}
.wj-service .bd img:last-child{
	margin-top: 66px;
}

.wj-process{
	margin:  100px auto;
}
.wj-process .bd{
	margin-top: 100px;
}


.wj-adv{
	margin: 120px auto;
}
.wj-adv .bd{
	margin-top: 90px;
}

.wj-honor {
	margin: 120px auto;
}
.wj-honor .bd{
	margin-top: 65px;
}


.wj-cp{
	margin: 84px auto;
}
.wj-cp .bd{
	margin-top: 63px;
}



.zwyl-content{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 100px;
	background-size: 100% 100%;
}
.zwyl-content .column{
	width: 1200px;
	height: auto;
	overflow: hidden;
}
.zwyl-content img{
	display: block;
	margin: 0 auto;
}
.zwyl-content .title{
	width: 100%;
	height: auto;
	overflow: hidden;
}


.zwyl-pro{
	margin: 50px auto;
}
.zwyl-pro .bd{
	margin-top: 50px;
}
.zwyl-dose{
	margin: 90px auto;
}
.zwyl-dose .bd{
	margin-top: 40px;
}
.zwyl-hot{
	margin: 120px auto;
}
.zwyl-hot .bd{
	margin-top: 50px;
}
.zwyl-service{
	margin: 60px auto;
}
.zwyl-service .bd{
	margin-top: 70px;
}
.zwyl-service .bd img:last-child{
	margin-top: 60px;
}

.zwyl-process{
	margin: 70px auto;
}
.zwyl-process .bd{
	margin-top: 40px;
}
.zwyl-adv{
	margin: 100px auto;
}
.zwyl-adv .bd{
	margin-top: 60px;
}

.zwyl-honor{
	margin: 80px auto;
}
.zwyl-honor .bd{
	margin-top: 50px;
}

.zwyl-cp{
	margin: 70px auto;
}
.zwyl-cp .bd{
	margin-top: 50px;
}




* {
	padding: 0;
	margin: 0;
}
li {
	list-style: none;
}
body {
	overflow-x: hidden;
}
.tangyuanshengwu {
	height: 260px;
	background-color: #7ecef4;
	overflow: hidden;
}
.youxiangognsi {
	height: 198px;
	overflow: hidden;
}
.tangyuanshengwu .banxin {
	width: 1200px;
	height: 62px;
	margin: 0 auto;
}
.banxin {
	/*background-color: red;*/
}
.banxin li {
	float: left;
	padding: 0 30px;
	line-height: 62px;
}
.banxin li:hover {
	background-color: #03b9fc;
}
.banxin li a {
	font-family: "微软雅黑";
	font-size: 24px;
	text-decoration: none;
	color: #000;
}

.banxin li:hover a {
	color: #fff;
}


.banner {
	width: 1920px;
	height: 597px;
}